<!DOCTYPE html>
<!--
绑定属性
-->

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		 <script src="../../js/vue.min.js"></script>
	</head>
	<body>
		<div id="app">
		    <font v-bind:color="ys">hello world</font>
            <a v-bind:href="url">百度</a>
			<!-- ：和v-bind的效果是一样的，是一种简写方式 -->
			<a :href="url">百度2</a>
			<input type="button" value="我是按钮" v-bind:title="mytitle">
		</div>
		​
		<script>
		    new Vue({
		        el: '#app',
               data:{
		            ys:'red',
		            url:"https://www.baidu.com",
					mytitle: '这个是自己定义的按钮上悬停内容',
		        },
		       
		    });
		</script>
			
	</body>
</html>
